<template>
	<tm-fullView>
		<tm-menubars title="纸片(标签)" color="bg-gradient-primary-lighten" :showback="true"></tm-menubars>
		<tm-sheet :shadow="24">
			<view class="pa-12 text-size-s text-weight-b blue text mb-32  round-2" :class="$tm.vx.state().tmVuetify.black?'black bk':''">
				基础示例,渐变，圆角，投影,关闭等
			</view>
			<tm-tags size="xs" model="fill">吃白饭</tm-tags>
			<tm-tags color="bg-gradient-blue-accent" size="s" model="fill" >吃白饭</tm-tags>
			<tm-tags color="bg-gradient-pink-accent-b" size="n" model="fill">吃白饭</tm-tags>
			<tm-tags color="bg-gradient-green-accent" size="m"  model="fill">吃白饭</tm-tags>
			<tm-tags color="red" size="g" model="fill">吃白饭</tm-tags>
			<tm-tags color="red" size="g" :round="2" model="fill" :showClose="true">吃白饭</tm-tags>
			<tm-tags color="orange" size="lg" model="fill">吃白饭</tm-tags>
			<tm-tags color="blue" size="lg" rounded model="fill" :showClose="true">吃白饭吃白饭吃白饭</tm-tags>
			<tm-tags  show-close ani-on size="g" model="fill">开启抖动模式</tm-tags>
		</tm-sheet>
		<tm-sheet :shadow="24">
			<view class="pa-12 text-size-s text-weight-b blue text mb-32  round-2" :class="$tm.vx.state().tmVuetify.black?'black bk':''">
				outlined模式
			</view>
			<tm-tags size="xs" model="outlined">吃白饭</tm-tags>
			<tm-tags color="blue" size="s" model="outlined">吃白饭</tm-tags>
			<tm-tags color="green" size="n" model="outlined">吃白饭</tm-tags>
			<tm-tags color="red" size="m" model="outlined">吃白饭</tm-tags>
			<tm-tags color="pink" size="g" model="outlined">吃白饭</tm-tags>
			<tm-tags color="orange" size="lg" model="outlined">吃白饭</tm-tags>
		</tm-sheet>
		<tm-sheet :shadow="24">
			<view class="pa-12 text-size-s text-weight-b blue text mb-32  round-2" :class="$tm.vx.state().tmVuetify.black?'black bk':''">
				text模式
			</view>
			<tm-tags size="xs" model="text">吃白饭</tm-tags>
			<tm-tags color="blue" size="s" model="text">吃白饭</tm-tags>
			<tm-tags color="green" size="n" model="text">吃白饭</tm-tags>
			<tm-tags color="red" size="m" model="text">吃白饭</tm-tags>
			<tm-tags color="pink" size="g" model="text">吃白饭</tm-tags>
			<tm-tags color="orange" size="lg" model="text">吃白饭</tm-tags>
		</tm-sheet>
		
		<view style="height: 50upx;"></view>
	</tm-fullView>

</template>

<script>
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"
	import tmTags from "@/tm-vuetify/components/tm-tags/tm-tags.vue"
	export default {
		components:{tmFullView,tmMenubars,tmSheet,tmTags},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
